<template>
  <div>
    <p>mixin：扩充组件的功能</p>
    <p>{{msg}}</p>
    <button @click="showMsg">click</button>
  </div>
</template>

<script>
import mixins from '../mixin'
export default {
  data() {
    return {
      // 重名时以组件为准
      msg: 'com-666'
    }
  },
  // 重名时先执行混入的再执行组件的
  created() {
    console.log(this.msg);
  },
  // 这个选项，将混入对象的内容添加到组件中
  mixins: [mixins]
}
</script>

<style>

</style>